@charset "utf-8";
$font-size:20px;
$color: #ff9344;
@function r($px) {
    @return $px / $font-size * 1rem;
}

.web {
    width: 100%;
    position: relative;
    height: 100%;
    //头部结束
    footer{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        ul{
            li{
                float: left;
                width: 25%;
                a{
                    display: block;
                    text-align: center;
                    i{
                        font-size: r(68px);
                        color: $color;
                        
                    }
                    h2{
                        font-size: r(26px);
                        color: black;
                        margin-top: r(9px);
                        margin-bottom: r(14px);
                    }
                }
            }
        }
    }
    section{
        
       .group {
            margin-top: r(34px);
            margin-left: r(20px);
            line-height: r(54px);
            height: r(56px);
            i {
                font-size: r(54px);
                color: $color;
                vertical-align: middle;
            }
            span {
                font-size: r(28px);
                margin-left: r(8px);
                vertical-align: middle;
            }
        }
        .more {
            margin-top: r(54px);
            margin-right: r(21px);
            span {
                font-size: r(24px);
                margin-left: r(8px);
                vertical-align: middle;
            }
            i {
                font-size: r(26px);
                color: $color;
                vertical-align: middle;
            }
        }
    }
   header{
       
   }
}